<template>
	<view class="">
		<view class="content">
			<view class="item-con items-center justify-between">
				<view class="item-title pad items-center">
					<image class="icon" src="../../static/img/bt.png" mode=""></image>
					<view>电站名称</view>
				</view>
				<view class="item-input pad flex-row items-center justify-between">
					<input class="fill  input" v-model="form.name" type="text" placeholder="请输入电站名称" />
				</view>
			</view>
			<view class="item-con items-center justify-between">
				<view class="item-title pad items-center">
					<image class="icon" src="../../static/img/bt.png" mode=""></image>
					<view>区域</view>
				</view>
				<view class="item-input pad items-center justify-evenly" @click="show=true">
					<view class="region items-center justify-center">
						<view class="margin-r">
							{{province}}
						</view>
						<u-icon name="arrow-down" size="24" color="#999999"></u-icon>
					</view>
					<view class="region items-center justify-center">
						<view class="margin-r">
							{{city}}
						</view>
						<u-icon name="arrow-down" size="24" color="#999999"></u-icon>
					</view>
					<view class="region items-center justify-center">
						<view class="margin-r">
							{{area}}
						</view>
						<u-icon name="arrow-down" size="24" color="#999999"></u-icon>
					</view>
				</view>
			</view>
			<view class="item-con items-center justify-between" @click.stop="handleBox">
				<view class="item-title pad items-center">
					<image class="icon" src="../../static/img/bt.png" mode=""></image>
					<view>详细地址</view>
				</view>
				<view class="item-input pad flex-row items-center justify-between">
					<input class="fill  input" v-model="form.address" type="text" placeholder="请输入详细地址" />
					<u-icon name="map" size="24" @click.stop="handleMap"></u-icon>
				</view>
			</view>
			<view class="item-con items-center justify-between">
				<view class="item-title pad items-center">
					<image class="icon" src="../../static/img/bt.png" mode=""></image>
					<view>联系电话</view>
				</view>
				<view class="item-input pad flex-row items-center justify-between">
					<input class="fill  input" v-model="form.phone" type="text" placeholder="请输入联系电话" />
				</view>
			</view>
			<template v-if="type == '1'">
				<view class="item-con items-center justify-between">
					<view class="item-title pad items-center">
						<image class="icon" src="../../static/img/bt.png" mode=""></image>
						<view>停车信息</view>
					</view>
					<view class="item-input pad flex-row items-center justify-between">
						<input class="fill  input" v-model="form.parkingInfo" type="text" placeholder="请输入" />
					</view>
				</view>
				<view class="item-con">
					<view class="item-title pad items-center" style="margin-bottom: 20rpx;">
						<image class="icon" src="../../static/img/bt.png" mode=""></image>
						<view>电站图片</view>
					</view>
					<mix-upload-image :length="6" ref="upImage-pic"></mix-upload-image>
				</view>
				<view class="item-con">
					<view class="item-title pad items-center" style="margin-bottom: 20rpx;">
						<image class="icon" src="../../static/img/bt.png" mode=""></image>
						<view>找桩指引</view>
					</view>
					<mix-upload-image :length="6" ref="upImage-field1"></mix-upload-image>
				</view>
				
				<view class="item-con items-center justify-between">
					<view class="item-title pad items-center">
						<view>开放时间</view>
					</view>
					<view class="item-input pad flex-row items-center justify-between">
						<input class="fill  input" v-model="form.openTime" type="text" placeholder="请输入" />
					</view>
				</view>
				<view class="item-con items-center justify-between">
					<view class="item-title pad items-center">
						<view>运营商</view>
					</view>
					<view class="item-input pad flex-row items-center justify-between">
						<input class="fill  input" v-model="form.operator" type="text" placeholder="请输入" />
					</view>
				</view>
				<view class="item-con items-center justify-between">
					<view class="item-title pad items-center">
						<view>快充功率</view>
					</view>
					<view class="item-input pad flex-row items-center justify-between">
						<input class="fill  input" v-model="form.quickPower" type="text" placeholder="请输入" />
					</view>
				</view>
				<view class="item-con items-center justify-between">
					<view class="item-title pad items-center">
						<image class="icon" src="../../static/img/bt.png" mode=""></image>
						<view>快充总数</view>
					</view>
					<view class="item-input pad flex-row items-center justify-between">
						<input class="fill  input" v-model="form.canUse" type="number" placeholder="请输入" />
					</view>
				</view>
				<view class="item-con items-center justify-between">
					<view class="item-title pad items-center">
						<view>慢充功率</view>
					</view>
					<view class="item-input pad flex-row items-center justify-between">
						<input class="fill  input" v-model="form.slowlyPower" type="text" placeholder="请输入" />
					</view>
				</view>
				<view class="item-con items-center justify-between">
					<view class="item-title pad items-center">
						<image class="icon" src="../../static/img/bt.png" mode=""></image>
						<view>慢充总数</view>
					</view>
					<view class="item-input pad flex-row items-center justify-between">
						<input class="fill  input" v-model="form.canUseSlowly" type="number" placeholder="请输入" />
					</view>
				</view>
				<view class="item-con items-center justify-between" @click="showLabel = true">
					<view class="item-title pad items-center">
						<image class="icon" src="../../static/img/bt.png" mode=""></image>
						<view>标签</view>
					</view>
					<view class="item-input pad flex-row items-center justify-between">
						<input class="fill  input" disabled v-model="labelName" type="text" placeholder="请选择" />
					</view>
				</view>
				<view class="item-con items-center justify-between" @click="handleRate">
					<view class="item-title pad items-center">
						<image class="icon" src="../../static/img/bt.png" mode=""></image>
						<view>费率</view>
					</view>
					<view class="item-input pad flex-row items-center justify-between">
						<input class="fill  input" disabled v-model="priceName" type="text" placeholder="请选择" />
						<u-icon name="search"></u-icon>
					</view>
				</view>
				<view class="item-con items-center justify-between" @click="showStop = true">
					<view class="item-title pad items-center">
						<image class="icon" src="../../static/img/bt.png" mode=""></image>
						<view>停车收费</view>
					</view>
					<view class="item-input pad flex-row items-center justify-between">
						<input class="fill  input" disabled v-model="isStop" type="text" placeholder="请选择" />
					</view>
				</view>
				<view class="item-con items-center justify-between">
					<view class="item-title pad items-center">
						<image class="icon" src="../../static/img/bt.png" mode=""></image>
						<view>收费明细</view>
					</view>
					<view class="item-input pad flex-row items-center justify-between">
						<input class="fill  input" v-model="form.f1" type="digit" placeholder="请输入" />
					</view>
				</view>
				<view class="item-con">
					<view class="items-center justify-between">
						<view class="item-title pad items-center">
							<image class="icon" src="../../static/img/bt.png" mode=""></image>
							<view>分时段设置费率</view>
						</view>
						<view class="right-text" @click="handleAdd">
							+ 添加时段
						</view>
					</view>
					<view class="bottom">
						<view class="title items-center justify-between">
							<view class="text">
								开始时间
							</view>
							<view class="text">
								结束时间
							</view>
							<view class="text">
								费率类型
							</view>
						</view>
						<view class="list">
							<view class="item items-center justify-between" v-for="(item,index) in priceList" :key="index">
								<view class="box-item items-center justify-center" @click="handlePriceList('startTime',index)">
									<view class="text">
										<input disabled type="text" placeholder="请选择" v-model="item.startTime" />
									</view>
									<u-icon size="16" color="#666666" name="arrow-down"></u-icon>
								</view>
								<view class="box-item items-center justify-center" @click="handlePriceList('endTime',index)">
									<view class="text">
										<input disabled type="text" placeholder="请选择" v-model="item.endTime" />
									</view>
									<u-icon size="16" color="#666666" name="arrow-down"></u-icon>
								</view>
								<view class="box-item items-center justify-center" @click="handlePriceList('field',index)">
									<view class="text">
										<input disabled type="text" placeholder="请选择" v-model="item.fieName" />
									</view>
									<u-icon size="16" color="#666666" name="arrow-down"></u-icon>
								</view>
								<view class="close" @click="handleDel(index)">
									<image class="image-block" src="../../static/img/close.png" mode=""></image>
								</view>
							</view>
						</view>
					</view>
				</view>
			</template>
			
			<template v-else>
				<view class="item-con items-center justify-between">
					<view class="item-title pad items-center">
						<image class="icon" src="../../static/img/bt.png" mode=""></image>
						<view>充电桩总数</view>
					</view>
					<view class="item-input pad flex-row items-center justify-between">
						<input class="fill  input" v-model="form.canUse" type="number" placeholder="请输入" />
					</view>
				</view>
				<view class="item-con">
					<view class="items-center justify-between">
						<view class="item-title pad items-center">
							<image class="icon" src="../../static/img/bt.png" mode=""></image>
							<view>充电价格设置</view>
						</view>
						<view class="right-text" @click="handleAddTwo">
							+ 添加
						</view>
					</view>
					<view class="bottom">
						<view class="title-2 items-center justify-between">
							<view class="text">
								充电功率(w)
							</view>
							<view class="text">
								充电费用(x元/小时)
							</view>
						</view>
						<view class="list">
							<view 
							style="width: 66%;" 
							class="item items-center justify-between"
							v-for="(item,index) in priceTwoList" :key="index">
								<view class="box-item" style="width: 180rpx;">
									<view class="text" style="width: 100%;">
										<input v-model="item.power" type="digit" placeholder="请输入">
									</view>
								</view>
								<view class="box-item" style="width: 180rpx;">
									<view class="text" style="width: 100%;">
										<input v-model="item.price" type="digit" placeholder="请输入">
									</view>
								</view>
								<view class="close" @click="handleDelTwo(index)">
									<image class="image-block" src="../../static/img/close.png" mode=""></image>
								</view>
							</view>
						</view>
					</view>
				</view>
			</template>
		</view>

		<view class="foot">
			<view v-if="stor == 1" class="btn" hover-class="hover-opacity" @click="submit">创建</view>
			<template v-else>
				<view class="btn" hover-class="hover-opacity" @click="submit">保存</view>
				<view class="btn btn-1" hover-class="hover-opacity" @click="del">删除充电站</view>
			</template>
			
		</view>
		<mix-modal-s ref="mixModalS" @onConfirm="back"></mix-modal-s>
		<mix-loading v-if="isLoading"></mix-loading>
		<u-picker mode="region" v-model="show" @confirm="pickerConfirm"></u-picker>
		
		<u-popup 
		v-model="showLabel" 
		mode="bottom" 
		border-radius="30" 
		height="800" 
		closeable>
			<view class="popup">
				<view class="title">
					选择标签
				</view>
				<scroll-view scroll-y="true" style="height: 500rpx;">
					<view class="item items-center" @click="handleClickLabel(index)" v-for="(item,index) in labelList" :key="index">
						<view class="icon">
							<image class="image-block" v-if="item.check" src="../../static/img/xz.png" mode=""></image>
							<image class="image-block" v-else src="../../static/img/wxz.png" mode=""></image>
						</view>
						<view class="text">
							{{item.content}}
						</view>
					</view>
				</scroll-view>
				<view class="btn" @click="handleLabel">
					保存
				</view>
			</view>
		</u-popup>
		
		<u-select v-model="typeShow" @confirm="typeConfirm" :list="typeList"></u-select>
		<u-select v-model="startTimeShow" :list="startList" @confirm="startConfirm"></u-select>
		<u-select v-model="endTimeShow" :list="endList" @confirm="endConfirm"></u-select>
		<u-select v-model="showStop" :list="stopList" @confirm="stopConfirm"></u-select>
	</view>
</template>

<script>
	import {
		checkStr
	} from '@/common/js/util.js';
	import mixUploadImage from "../../components/mix-upload-image/mix-upload-image.vue"
	export default {
		components: {
			mixUploadImage
		},
		data() {
			return {
				show: false,
				showLabel: false,
				showStop: false,
				content: '',
				form: {
					address:''
				},
				area: '区',
				city: '市',
				province: '省',
				type:'1',
				stor:'1',
				labelList:[],
				priceName:'',
				priceList:[{
					startTime:'',
					endTime:'',
					field:'',
					fieName:''
				}],
				typeList:[{
					value:'00',
					label:'尖'
				},{
					value:'01',
					label:'峰'
				},{
					value:'02',
					label:'平'
				},{
					value:'03',
					label:'谷'
				}],
				stopList:[{
					label:'是',
					value:1
				},{
					label:'否',
					value:0
				}],
				typeShow:false,
				openIndex:0,
				startList:[],
				endList:[],
				startTimeShow:false,
				endTimeShow:false,
				checkTime:0,
				picDataList:[],
				field1DataList:[],
				priceTwoList:[{
					power:'',
					price:''
				}],
				labelName:'',
				isStop:''
			};
		},
		onLoad(e) {
			if(e.type) this.type = e.type
			if(e.stor) this.stor = e.stor
			if(e.id) {
				this.id = e.id
				this.stationFn()
			}
			this.labelFn()
		},
		methods: {
			handleRate(){
				this.navTo('./rate')
			},
			pickerConfirm(e) {
				console.log(e);
				this.area = e.area.label
				this.city = e.city.label
				this.province = e.province.label
				let address = e.province.label;
				if (e.city.label != '市辖区') {
					address += e.city.label;
				}
				if (e.area.label != e.city.label) {
					address += e.area.label;
				}
				this.form.province = e.province.label;
				this.form.city = e.city.label;
				this.form.county = e.area.label;
				this.form.area = e.city.label;
			},
			handleBox(){
				if(!this.form.address) this.handleMap()
			},
			handleMap(){
				var point = uni.getStorageSync('point')
				uni.chooseLocation({
					latitude:point.latitude,
					longitude:point.longitude,
					success: (e) => {
						this.form.address = e.address
						this.form.longitude = e.longitude
						this.form.latitude = e.latitude
						console.log(e);
						this.$forceUpdate()
					}
				})
			},
			handleLabel(){
				this.showLabel = false
				var arr = []
				var arr1 = []
				this.labelList.forEach(el=>{
					if(el.check){
						arr.push(el.content)
						arr1.push(el.id)
					}
				})
				this.labelName = arr.join(',')
				this.form.lable = arr1.join(',')
				console.log(arr);
			},
			handleClickLabel(index){
				// this.labelList.forEach((e)=>{
				// 	e.check = false
				// })
				this.labelList[index].check = !this.labelList[index].check
			},
			setPrice(e){
				this.form.priceId = e.id
				this.priceName = e.name
			},
			handleTimeList(e){
				var arr = []
				for(var i = e; i < 24; i++){
					if(i < 10){
						arr.push({
							value:i,
							label:'0'+ i +':00:00'
						})
					}else{
						arr.push({
							value:i,
							label:i +':00:00'
						})
					}
				}
				return arr
			},
			handlePriceList(key,index){
				this.openIndex = index
				if(key == 'startTime'){
					this.startList = this.handleTimeList(0)
					this.startTimeShow = true
					console.log(this.startList);
				}else if(key == 'endTime'){
					if(!this.priceList[index].startTime) return this.$util.msg('请先选择开始时间')
					this.endList = this.handleTimeList(0)
					this.endList.splice(0,1)
					this.endList.push({
						value:24,
						label:'00:00:00'
					})
					this.endTimeShow = true
				}else{
					this.typeShow = true
				}
			},
			typeConfirm(e){
				this.priceList[this.openIndex].field = e[0].value
				this.priceList[this.openIndex].fieName = e[0].label
				console.log(e)
			},
			startConfirm(e){
				this.priceList[this.openIndex].startTime = e[0].label
				this.priceList[this.openIndex].startNum = e[0].value
				this.checkTime = e[0].value + 1
				console.log(e);
			},
			endConfirm(e){
				this.priceList[this.openIndex].endTime = e[0].label
				this.priceList[this.openIndex].endNum = e[0].value
				// this.checkTime = e[0].value + 1
				console.log(e);
			},
			stopConfirm(e){
				this.form.f = e[0].value
				this.isStop = e[0].label
			},
			handleAdd(){
				this.priceList.push({
					startTime:'',
					endTime:'',
					field:'',
					fieName:''
				})
			},
			handleAddTwo(){
				this.priceTwoList.push({
					power:'',
					price:'',
				})
			},
			handleDel(index){
				if(this.priceList.length < 2) return this.$util.msg('不可删除')
				this.priceList.splice(index,1)
			},
			handleDelTwo(index){
				if(this.priceTwoList.length < 2) return this.$util.msg('不可删除')
				this.priceTwoList.splice(index,1)
			},
			del(){
				uni.showModal({
					content:'是否继续删除?',
					success:(e)=>{
						if(e.confirm){
							this.delFn()
						}
					}
				})
			},
			async delFn(){
				var url = ''
				this.type == '1' ? url = 'user/zz-del-station' : url = 'user/zz-del-station-two'
				let res = await this.$request(url,{
					uid:uni.getStorageSync('uid'),
					id:this.id
				})
				if(res.result == '0'){
					this.prePage().pageNo = 1
					this.prePage().listFn()
					this.$util.msg('删除成功')
					this.back()
				}else{
					this.$util.msg(res.resultNote)
				}
			},
			async labelFn(){
				let res = await this.$request('recharge/label-list',{})
				if(res.result == '0'){
					res.data.forEach(el=>{
						this.$set(el,'check',false)
					})
					this.labelList = res.data
					console.log(this.labelList);
				}else{
					this.$util.msg(res.resultNote)
				}
			},
			async stationFn(){
				var url = ''
				this.type == '1' ? url = 'user/zz-station-show' : url = 'user/zz-station-show-two'
				let res = await this.$request(url,{
					uid:uni.getStorageSync('uid'),
					id:this.id
				})
				if(res.result == '0'){
					this.form = JSON.parse(JSON.stringify(res.data))
					this.area = res.data.county
					this.city = res.data.city
					this.province = res.data.province
					if(res.data.pic) this.$refs['upImage-pic'].handleImage(res.data.pic.split('|'))
					if(res.data.f) this.isStop = res.data.f == '0' ? '否' : '是'
					if(res.data.field1) this.$refs['upImage-field1'].handleImage(res.data.field1.split('|'))
					if(res.data.atPrice){
						this.priceName = res.data.atPrice.name
						this.form.priceId = res.data.atPrice.id
					}
					if(res.data.lable){
						this.labelName = res.data.lable.content
						this.form.lable = res.data.lable.id
					}
					if(this.type == '1'){
						this.priceList = res.data.atRechargeStationPriceList
					}else{
						this.priceTwoList = res.data.atRechargeStationPriceTwoList
					}
					
				}
			},
			async submit() {
				var time = 0
				console.log(this.priceList);
				var url = ''
				const { province,address, name, phone, parkingInfo, lable, priceId,canUse,canUseSlowly,f,f1 } = this.form;
				if (!name) return this.$util.msg('请输入电站名称!')
				if (!province) return this.$util.msg('请选区域!')
				if (!address) return this.$util.msg('请输入详细地址!')
				if (!phone) return this.$util.msg('请输入联系电话!')
				if (!checkStr(phone, 'mobile')) return this.$util.msg('手机号格式错误!')
				if(this.type == '1'){
					let pic = this.$refs['upImage-pic'].imageList.map(item => item.url);
					let field1 = this.$refs['upImage-field1'].imageList.map(item => item.url);
					this.form.pic = pic.join('|')
					this.form.field1 = pic.join('|')
					if (!parkingInfo) return this.$util.msg('请输入停车信息!')
					if (!pic) return this.$util.msg('请上传电站图片!')
					if (!field1) return this.$util.msg('请上传找桩指引!')
					if (!canUse) return this.$util.msg('请输入快充总数!')
					if (!canUseSlowly) return this.$util.msg('请输入慢充总数!')
					if (!lable) return this.$util.msg('请选择标签!')
					if (!priceId) return this.$util.msg('请选择费率!')
					console.log(f,'f');
					if (!this.isStop) return this.$util.msg('请选择停车是否收费!')
					if (!f1) return this.$util.msg('请输入收费明细!')
					for(var i = 0; i < this.priceList.length; i++){
						if(!this.priceList[i].startTime){
							return this.$util.msg('请完善开始时间!')
						}else if(!this.priceList[i].endTime){
							return this.$util.msg('请完善结束时间!')
						}else if(!this.priceList[i].field){
							return this.$util.msg('请完善费率类型!')
						}
						
						// time += this.priceList[i].endNum - this.priceList[i].startNum
					}
					// if(time < 24){//校验闭合时间段
					// 	return this.$util.msg('时段设置小于24小时')
					// }else if(time > 24){
					// 	return this.$util.msg('时段设置大于24小时')
					// }
					
					this.$set(this.form,'atRechargeStationPriceList',this.priceList)
					url = 'user/zz-edit-station'
				}else{
					if (!canUse) return this.$util.msg('请输入充电桩总数!')
					for(var i = 0; i < this.priceTwoList.length; i++){
						if(!this.priceTwoList[i].power){
							return this.$util.msg('请完善充电功率!')
						}else if(!this.priceTwoList[i].price){
							return this.$util.msg('请完善充电费用!')
						}
						
						// time += this.priceTwoList[i].endNum - this.priceTwoList[i].startNum
					}
					this.$set(this.form,'atRechargeStationPriceTwoList',this.priceTwoList)
					url = 'user/zz-edit-station-two'
				}
				
				
				console.log(this.form);
				let res = await this.$request(url,{
					...this.form,
					uid:uni.getStorageSync('uid')
				})
				if(res.result == '0'){
					this.prePage().pageNo = 1
					this.prePage().listFn()
					this.stor == '1' ? this.$util.msg('创建成功') : this.$util.msg('保存成功')
					this.back()
				}else{
					this.$util.msg(res.resultNote)
				}
			}
		}
	};
</script>
<style>
	page {
		background-color: #fff;
	}
</style>
<style scoped lang="scss">
	.content{
		padding: 20rpx;
	}
	.pad {
		padding: 0 20rpx;
	}

	.item-con {
		padding: 20rpx 0;
		.right-text{
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #0091FE;
		}
	}

	.item-title {
		font-weight: 500;
		color: #666666;
		font-size: 28rpx;
		.icon{
			width: 14rpx;
			height: 14rpx;
			margin-right: 10rpx;
		}
	}

	.item-input {
		width: 70%;
		height: 77rpx;
		background: #F3F3F3;
		border-radius: 20rpx;
	}

	.item-textarea {
		background: #F3F3F3;
		padding: 20rpx;
		border-radius: 20rpx;
	}

	.textarea {
		height: 246rpx;
		width: 100%;
		font-size: 26rpx;
		font-weight: 500;
		color: #999999;
	}
	.foot{
		padding-bottom: 30rpx;
		.btn {
			width: 649rpx;
			height: 110rpx;
			line-height: 110rpx;
			text-align: center;
			background: $uni-color-bg;
			border-radius: 44rpx;
			font-size: 30rpx;
			font-weight: 500;
			color: #ffffff;
			margin: 30rpx auto;
		}
		.btn-1{
			border: 1rpx solid $uni-color-bg;
			background: #fff;
			color: $uni-color-bg;
			margin-top: 20rpx;
		}
	}
	

	.margin-r {
		margin-right: 10rpx;
		color: #666666;
	}
	.bottom{
		margin-top: 20rpx;
		.title{
			width: 80%;
			.text{
				width: calc(80% / 3);
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #666666;
				line-height: 36rpx;
				text-align: center;
			}
		}
		.title-2{
			width: 80%;
			.text{
				width: calc(100% / 2);
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #666666;
				line-height: 36rpx;
				white-space:nowrap;
			}
		}
		
		.list{
			margin-top: 20rpx;
			.item{
				width: 85%;
				position: relative;
				margin-bottom: 20rpx;
				.box-item{
					width: 170rpx;
					height: 54rpx;
					border: 2rpx solid #8C8C8C;
					border-radius: 10rpx;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #9A9A9A;
					line-height: 54rpx;
					text-align: center;
					.text{
						width: 70%;
						input{
							width: 100%;
						}
					}
				}
				.close{
					position: absolute;
					right: -100rpx;
					top: 50%;
					transform: translateY(-50%);
					width: 36rpx;
					height: 36rpx;
					.image-block{
						width: 100%;
						height: 100%;
					}
				}
			}
		}
	}
	.popup{
		padding: 30rpx;
		.title{
			text-align: center;
			margin-bottom: 30rpx;
			font-size: 36rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #333333;
		}
		.item{
			padding: 20rpx;
			.icon{
				width: 36rpx;
				height: 36rpx;
				margin-right: 30rpx;
				.image-block{
					width: 100%;
					height: 100%;
				}
			}
			.text{
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #666666;
			}
		}
		.btn{
			width: 640rpx;
			height: 110rpx;
			background: $uni-color-bg;
			border-radius: 55rpx;
			font-size: 32rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #fff;
			line-height: 110rpx;
			text-align: center;
			margin: 20rpx auto 0;
		}
	}
</style>
